<!-- 错误页 -->
<template>
  <div class="content select-none">
    <img :src="errorImg" alt="" class="img">
    <p>Server 504</p>
    <el-button type="info" @click="reload">重新加载</el-button>
  </div>
</template>

<script>
export default {
  name: 'error',
  data() {
    return {
      errorImg: require('@a/img/error/server_down.svg')
    }
  },
  methods: {
    reload() {
      this.$u.redirection('index.html')
    }
  },
  created() {

  },
  mounted() {
  }
}
</script>
<style lang='scss' scoped>
// @import '';
.content {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  justify-items: center;
}
.img {
  height: 30vh;
}
p {
  text-align: center;
  font-size: 50px;
}
</style>
